<!--
 * @Author: WLang
 * @LastEditors: WLang
 * @Description: 
 * @Date: 2023-07-14 12:52:14
 * @LastEditTime: 2023-07-14 15:57:00
 * @FilePath: \myblog\src\mviews\components\ArtcileBarInfo.vue
-->
<template>
  <div class="blogm-article--info">
    <van-card currency="">
    <template #thumb>
      <van-image
        width="60"
        height="60"
        round
        :src="avatar"
      />
    </template>
    <template #title>
      <h3 class="blogm-user--nikname">{{nikname}}</h3>
    </template>
    <template #desc>
      <div><span class="blogm-article--time">{{date}}</span><span class="blogm-article--hit_num">阅读 {{hit_num}}</span></div>
    </template>
    </van-card>
  </div>
</template>

<script>
export default {
  components:{},
  data(){
    return {
    }
  },
  props: {
    nikname: {
      type: String
    },
    avatar: {
      type: String
    },
    hit_num: {
      type: Number
    },
    date: {
      type: String
    },
    comment_num: {
      type: Number
    },
    like_num: {
      type: Number
    }
  },
created(){},
mounted(){},
watch:{},
computed:{},
methods:{},
}
</script>
<style lang="scss" scoped>
.blogm-article--info {
  padding: 10px;
}
 .blogm-user--nikname {
  font-size: 16PX;
  font-weight: normal;
  margin-bottom: 10px;
 }
 .blogm-article--time {
  margin-right: 5px;
 }

 .mr50 {
  margin-right: 50px;
 }

</style>